body
{	
	/*margin:0px 0px;*/
	background-color: white;
}

#main
{
	background-color: #e1e1e1;
	width: 1000px;	
	height: 700px;	
	margin:0px auto;
    margin-left: auto;
    margin-right: auto;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
}

h2
{
	font-family: Verdana, sans-serif;
	padding: 15px;
	margin: 0px; 
	color: white;
	background-color: #8dc63f;
	-moz-border-radius: 10px 10px 0px 0px;
	border-radius: 10px 10px 0px 0px;
	background-image: url('degrade.png');
	background-repeat: repeat-x;
}

.login_container1
{
	margin: 50px auto;
	width: 140px; 
	padding: 20px 40px; 
	background-image: url('degrade3.png');
	background-color: #f69679;
	background-repeat: repeat-x;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
}

.login_container1:hover
{
	margin: 50px auto;
	width: 140px; 
	padding: 20px 40px; 
	background-image: url('degrade3.png');
	background-color: #f26c4f;
	background-repeat: repeat-x;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
}


.login_container2
{
	margin: 50px auto;
	width: 140px; 
	padding: 20px 40px; 
	background-image: url('degrade3.png');
	background-color: #7da7d9;
	background-repeat: repeat-x;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
}

.login_container2:hover
{
	margin: 50px auto;
	width: 140px; 
	padding: 20px 40px; 
	background-image: url('degrade3.png');
	background-color: #448ccb;
	background-repeat: repeat-x;
	-moz-border-radius: 10px 10px 10px 10px;
	border-radius: 10px 10px 10px 10px;
	
}

.login_container1 a, .login_container2 a
{
	font-family: Verdana, sans-serif;
	text-align: center; 
	
}

.info_label
{
	display: inline-block;
	padding: 0px; 
	padding-left: 20px; 
	font-family: Verdana, sans-serif;
	font-size: 1em;
	margin: 10px 5px 5px;
}

#info
{
	background-image: url('degrade2.png');
	background-repeat: repeat-x;
}

#otherinfo
{
	float: right;
	width: 200px;
	display: inline-block; 
}

.otherinfo_label
{
	display: inline-block;
	padding: 0px;
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	margin: 5px;
	width: 80px; 
	
}


.otherinfo_label_colored
{
	display: inline-block;
	padding: 0px;
	padding-left: 5px; 
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	margin: 5px;
	width: 80px; 
	background-image: url('degrade2.png');
	background-repeat: repeat-x;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
}


.otherinfo_label_colored2
{
	display: inline-block;
	padding: 0px;
	padding-left: 5px; 
	font-family: Verdana, sans-serif;
	font-size: 0.8em;
	margin: 5px;
	width: 80px; 
	background-image: url('degrade2.png');
	background-repeat: repeat-x;
	-moz-border-radius: 5px 5px 0px 0px;
	border-radius: 5px 5px 0px 0px;
	
}
.relleno
{
	margin-left: 600px;
}

.tile
{
	height: 60px;
	width: 60px;
	background-color: white;
	background-image: url('tile.png');
	border: 1px solid silver;

}
/*
.tile:hover
{
	height: 60px;
	width: 60px;
	background-color: blue;
	background-image: url('tile.png');
	border: 1px solid silver;

}*/

#tablero
{   
	margin: 20px auto;
	padding: 5px;
	border: 1px solid silver;
}

.base1
{
	height: 60px;
	width: 60px;
	background-color: red;
	background-image: url('base.png');

}

.base2
{
	height: 60px;
	width: 60px;
	background-color: blue;
	background-image: url('base.png');

}

.base1:hover
{
	height: 60px;
	width: 60px;
	background-color: red;
	background-image: url('base2.png');

}

.base2:hover
{
	height: 60px;
	width: 60px;
	background-color: blue;
	background-image: url('base2.png');

}